<!--
 * @Author: 闫聪敏
 * @Email: 
 * @Date: 2020-03-05 16:21:41
 * @Descripttion: 
 -->
 <div class="apply-ware-outofstock-detail">
    <div nz-row nzGutter="10" class="row_1">
        <div nz-row class="model_container">
            <div nz-row nzGutter="10" class="row_3">
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">申请编码：</label>
                    <div nz-col nzSpan="3" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.code" />
                    </div>
                </div>
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">单据类型：</label>
                    <div nz-col nzSpan="5" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.billTypeStr" />
                    </div>
                </div>
            </div>

            <div nz-row nzGutter="10" class="row_3">
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">审批状态：</label>
                    <div nz-col nzSpan="3" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.statusTypeStr" />
                    </div>
                </div>
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">最后审批人：</label>
                    <div nz-col nzSpan="5" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.lastApproverName" />
                    </div>
                </div>
                <div nz-col >
                    <label nz-col nzSpan="3" class="fill_label">最后审批时间：</label>
                    <div nz-col nzSpan="4" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.lastApprovalDate" />
                    </div>
                </div>
            </div>

            <div nz-row nzGutter="10" class="row_3">
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">申请人：</label>
                    <div nz-col nzSpan="3" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.createByName" />
                    </div>
                </div>
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">申请时间：</label>
                    <div nz-col nzSpan="5" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.reqDate" />
                    </div>
                </div>
                <div nz-col >
                    <label nz-col nzSpan="3" class="fill_label">最后修改时间：</label>
                    <div nz-col nzSpan="4" class="fill_control">
                        <input nz-input [(ngModel)]="viewModel.updateDate" />
                    </div>
                </div>
            </div>
            <div nz-row nzGutter="10" class="row_3">
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">备注：</label>
                    <div nz-col nzSpan="10" class="fill_control" >
                        <textarea nz-input [nzAutosize]="{ minRows: 5, maxRows: 6 }" maxlength="200" [(ngModel)]="viewModel.remarks"></textarea>
                    </div>
                </div>
            </div>

            <div nz-row nzGutter="10" class="row_3">
                <div nz-col >
                    <label nz-col nzSpan="2" class="fill_label">审批备注</label>
                    <div nz-col nzSpan="10" class="fill_control" >
                        <textarea nz-input [nzAutosize]="{ minRows: 5, maxRows: 6 }" maxlength="200" [(ngModel)]="viewModel.lastApprovalOpinion"></textarea>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div nz-row class="row_2">
    <nz-table #expandTable [nzData]="viewModel.details" [nzFrontPagination]="false" [nzBordered]="true" nzSize="small">
        <thead>
            <tr>
                <!-- <th nzShowCheckbox [(nzChecked)]="isAllChecked" [nzIndeterminate]="isIndeterminate"
                    (nzCheckedChange)="checkAll($event)"></th> -->
                <th>物料编码</th>
                <th>物料名称
                </th>
                <th>库房</th>
                <th>库区</th>
                <th>账户别名
                </th>
                <th>工作令
                </th>
                <th>挑库类型
                </th>
                <th>条码批次
                </th>
                <th>需求量
                </th>
                <th>可用量
                </th>
                <th>实际领用量
                </th>
                <th>单位
                </th>
                <th>打印条码
                </th>
                <th>备注
                </th>
               
            </tr>
        </thead>
        <tbody>
            <tr *ngFor="let data of expandTable.data" class="tbodyData ant-table-row ng-star-inserted">
                <!-- <td nzShowCheckbox [(nzChecked)]="data.checked" (nzCheckedChange)="SelectRow()">
                </td> -->
                <td style="display: none;">{{ data.materialId }}</td>
                <td>{{ data.materialCode }}</td>
                <td>{{ data.materialName }}</td>
                <td>{{ data.warehouseName }}</td>
                <td>{{ data.warehouseAreaName }}</td>
                <td>{{ data.accountAliasName }}</td>
                <td>{{ data.commandName }}</td>
                <td>{{ data.pickTypeName }}</td>
                <td>{{ data.codeBatch }}</td>
                <td>{{ data.demandNum }}</td>
                <td>{{ data.availableNum }}</td>
                <td>{{ data.useNum }}</td>
                <td>{{ data.unit }}</td>
                <td>{{ data.printCode }}</td>
                <td>{{ data.remarks }}</td>
            </tr>
        </tbody>
    </nz-table>
</div>

<div nz-row class="custome_modal_footer" class="row_2" style="margin-top: 10px;">
    <div nz-col nzSpan="24" style="text-align: right;">
        <button nz-button type="button" nzType="default" style="margin-left: 10px;" (click)="Return()">返回</button>
    </div>
</div>